<template>
	<view class="sort-search">
		<!-- 搜索栏 -->
		<view class="seach-bar">
			<image src="../../static/sort/logo.jpg" mode="widthFix" class="logo"></image>
			<input type="text" placeholder="请输入搜索内容" class="input">
			<view class="search-icon">
				<uni-icons type="search" size="25" color="#e5e5e5"></uni-icons>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"sort-search",
		data() {
			return {
				
			};
		},
		methods:{
		}
	}
</script>

<style lang="scss">
	page{
		
	}
	.sort-search{
	background-image: linear-gradient(to top, #be9fd1 0%, #fbc2eb 100%);
	position: fixed;
	z-index: 999;
	width: 100%;
	}
		.seach-bar {
			display: flex;
			align-items: center;
			justify-content: space-around;
			position: relative;
			margin: 0 8px;
			// width: 100%;
			padding: 10px 5px;
			.logo{
				width: 40rpx;
				position: absolute;
				left: 5%;
			}
			.input{		
				// flex: 1;
				width: 100%;
				border:1px solid #cdcdcd;
				border-radius: 50rpx;
				padding: 10rpx 30px;
				background-color: #fff;
				text-align: left;
				font-size: 12px;
			}
			.search-icon{
				position: absolute;
				right: 5%;
			}
		}	
</style>